/*
 * @Author: wangxin 
 * @Date: 2018-11-12 15:11:59 
 * @Last Modified by: wangxin
 * @Last Modified time: 2018-11-12 19:08:17
 */

// 名师推荐
function swiperFun() {
  var mySwiper = new Swiper("#swiper1", {
    // centeredSlides: true,
    autoHeight: true,
    freeMode: true,
    slidesPerView: 'auto',
    spaceBetween: 15,
    // slidesOffsetBefore: 15,
    slidesOffsetAfter: 15,
    observer: true, //修改swiper自己或子元素时，自动初始化swiper
    observeParents: true, //修改swiper的父元素时，自动初始化swiper
  });
}

// banner函数
function swiperFun2() {
  var mySwiper = new Swiper("#swiper2", {
    direction: "horizontal",
    loop: true,
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination'
    },
    autoplay: {
      delay: 3000, // 1秒切换一次
      disableOnInteraction: false // 用户操作swiper之后，是否禁止autoplay。默认为true：停止
    }, //可选选项，自动滑动
    speed: 300, // 速度300
    // pagination: ".swiper-pagination",
    observer: true, //修改swiper自己或子元素时，自动初始化swiper
    observeParents: true, //修改swiper的父元素时，自动初始化swiper
  });
}

// 返回顶部
goTop()

/* 事件 */
function eventFun() {
  // 取消
  $$('#search-cancel').on('click', function () {
    window.history.go(-1)
  });

  $$('.bar-left').on('click', function () {
    window.history.go(-1)
  });

  // 名师推荐点击x移除当前元素
  $$('.closed').on('click', function () {
    $$(this).parent().parent().fadeOut();
  });

  $$('.tab-link').on('click', function () {
    console.log($$(this).index())
    var html = `<header id="headers" class="bar bar-nav">
                  <div class="bar-box">
                    <div class="search-input searchs">
                      <label class="icon icon-search" for="search"></label>
                      <input type="search" id="search" placeholder="输入关键字..." />
                    </div>
                    <div class="bar-right">
                      <!-- <img src="../../img/home/position.png" alt=""> -->
                      <a href="#" id="search-cancel">提问</a>
                    </div>
                  </div>
                </header>`
    let index = $$(this).index();
    if (index === 0 || index === 1) {
      if ($$('.page').children("#headers").length === 0) {
        $$('.content').before(html);
        $$('.banner').hide();
      }
    } else {
      $$('#headers').remove();
      $$('.banner').show();
    }
    if (index === 0) {
      $.attachInfiniteScroll($('.infinite-scroll .ask'));
      $$('.ask .infinite-scroll-preloader').show();
    }
    if (index === 1) {
      $.attachInfiniteScroll($('.infinite-scroll .recommends'));
      $$('.recommends .infinite-scroll-preloader').show();
    }
    if (index === 2) {
      $.attachInfiniteScroll($('.infinite-scroll .classroom'));
      $$('.classroom .infinite-scroll-preloader').show();
    }
    if (index === 4) {
      $.attachInfiniteScroll($('.infinite-scroll .interview'));
      $$('.interview .infinite-scroll-preloader').show();
    }

    // $$('.content').animate({
    //     scrollTop: 0
    //   },
    //   500
    // )
  })

}
eventFun()

// function infiniteFun() {
$(document).on('pageInit', function () {
  var params = {}
  //多个标签页下的无限滚动
  var loading = false;
  // 每次加载添加多少条目
  var itemsPerLoad = 10;
  var tabIndex = 0;
  // 最后加载数
  var lastIndex = 0;

  $('.page').on('infinite', function () {

    // 如果正在加载，则退出
    if (loading) return;
    // 设置flag
    loading = true;

    if ($(document).find('.infinite-scroll.active').attr('id') === "tab1") {
      tabIndex = 0
      // lastIndex = $('#tab1 .list-container li').length
    }
    if ($(document).find('.infinite-scroll.active').attr('id') === "tab2") {
      tabIndex = 1;
      // lastIndex = $('#tab2 .list-container li').length
    }
    if ($(document).find('.infinite-scroll.active').attr('id') === "tab3") {
      tabIndex = 2;
      // lastIndex = $('#tab3 .list-container li').length
    }
    if ($(document).find('.infinite-scroll.active').attr('id') === "tab5") {
      tabIndex = 3;
      // lastIndex = $('#tab5 .list-container li').length
    }
    if ($(document).find('.infinite-scroll.active').attr('id') === "tab4") {
      return;
    }
    lastIndex = $('.list-container').eq(tabIndex).find('li').length;
    if (tabIndex === 0 || tabIndex === 1 || tabIndex === 2 || tabIndex === 3) {
      // alert('苍天鸭！')
      net_request('get', `api/v1/mallproducts?limit=${itemsPerLoad}&offset=${lastIndex}`, params,
        function (res) {
          // console.log(res)
          if (res.success) {
            loading = false;
            alert(JSON.stringify(res))
            if (res.data.list.length !== 0) {
              addItems(itemsPerLoad, lastIndex);
            }
            if (res.data.list.length < itemsPerLoad) {
              // 加载完毕，则注销无限加载事件，以防不必要的加载
              $.detachInfiniteScroll($('.infinite-scroll').eq(tabIndex));
              $('.infinite-scroll-preloader').eq(tabIndex).hide();
              return;
            }
            lastIndex = $('.list-container').eq(tabIndex).find('li').length;
          }
        },
        function (err) {
          alert(JSON.stringify(err))
        }
      );
    }

    function addItems(number, lastIndex) {
      console.log(number)
      console.log(lastIndex)
      // 生成新条目的HTML
      var html = '';
      for (var i = lastIndex + 1; i <= lastIndex + number; i++) {
        html += `<li class="item-content" onClick="alert(1)"><div class="item-inner"><div class="item-title">新条目${i}</div></div></li>`;
      }
      // 添加新条目
      $('.infinite-scroll.active .list-container').append(html);
    }
  });
})
// }
// infiniteFun();

//需要初始化传递数据的函数，函数名，跟参数都不要变，固定写死的
function getParams(data) {
  // data需要转成json调用 ，函数urlParamParseJson();
  /*var jodata = JSON.parse(data); 
  if(isNotNull(jodata)){//
     
  }*/
  if (isNotNull(data)) {
    // $$("#div_version").html("版本号：V"+data);
  }
}

// 初始化
$(function () {
  $.init();
  swiperFun();
  swiperFun2();
})